<template>
  <q-page class="cc-admin q-pa-sm">
    <div class="col bg-white shadow-2 q-pa-md">
      <q-card>
        <q-tabs
          v-model="tab"
          dense
          class="text-grey"
          active-color="primary"
          indicator-color="primary"
          align="left"
          narrow-indicator
        >
          <q-tab name="amount" label="销售额" />
          <q-tab name="trend" label="销售趋势" />
        </q-tabs>

        <q-separator />

        <q-tab-panels v-model="tab" animated>
          <q-tab-panel name="amount">
            <amountbar />
          </q-tab-panel>

          <q-tab-panel name="trend">
            <trendline />
          </q-tab-panel>
        </q-tab-panels>
      </q-card>
    </div>
  </q-page>
</template>

<script>
import amountbar from 'components/chart/amountbar';
import trendline from 'components/chart/trendline';

export default {
  name: 'DemoPlan',
  components: {
    amountbar, trendline,
  },
  data() {
    return {
      tab: 'amount',
    };
  },
  methods: {
  },
  computed: {
  },
  mounted() {
  },
};
</script>

<style lang="stylus"></style>
